@charset "utf-8";
/*banner*/
.banner{ height:366px; position:relative}
.banner .item{height:366px; position:relative;  background-repeat:no-repeat; background-position:center; background-size:auto 100%; overflow:hidden  }
.banner .item img{ height:366px; position:absolute; z-index:1; left:50%; transform:translateX(-50%); display:block}
.banner .slick-dots{ position:absolute; z-index:2; left:0; right:0; bottom:10px; text-align:center}
.banner .slick-dots li{transition: all 0.3s;
-moz-transition: all 0.3s;	/* Firefox 4 */
-webkit-transition: all 0.3s;	/* Safari 和 Chrome */
-o-transition: alll 0.3s;	/* Opera */ display:inline-block; width:30px; height:3px; margin:0 5px;  background-color:#d8d8dc; cursor:pointer; position:relative;  }
.banner .slick-dots li.slick-active{ background:#3d4b8c;}
.banner .slick-dots button{ display:none}  

/* job */
.index102right{ width:16.66%; float:right; background-color:#f5f5f7; height:380px; border-radius:5px; padding:18px; padding-top:28px;}
.index102right .title h3{ font-size:24px; font-weight:normal; color:#817e7e}
.index102right .title{ border-bottom:1px solid #dcdcdc; margin-bottom:5px}
.index102right .bd{ color:#8b8b8b; line-height:1.8; }
.index102right .bd .more{ display:block; line-height:36px; background-color:#56b929; border-radius:36px; color:#fff; text-align:center; margin-top:25px}

.index102{ background-color:#f5f5f7; }
.index102 .bd{ background-color:#f5f5f7; position:relative; padding-left:210px; height:60px}
.index102 .bd .title{ line-height:60px; position:absolute; z-index:1; left:0;top:0; padding-left:28px; font-size:20px;  }
.index102 .bd .title:before{ content:""; display:inline-block; width:27px; height:20px; vertical-align:middle; background-position:center; background-repeat:no-repeat; background-size:100%; margin-right:10px; background-image:url(../images/ico-03.png)}
.index102 .bd .scroll{width:98%; overflow:hidden}
.index102 .bd .scroll ul{white-space: nowrap; padding-top:14px}
.index102 .bd .scroll ul li{ display:inline-block; margin-right:55px}
.index012 .bd .scroll ul li img{ vertical-align:top; height:36px}
/* job */

.plo{ font-size:25px; margin-bottom:15px;}
.plo span{ color:#fb0018; border-bottom:2px solid #fb0018; display:inline-block}
.index01{ padding-top:30px; padding-bottom:40px;}
.index01 .video{ position:relative; -webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; background-color:#000 ; height:300px; z-index:900;} 
.index01 .video video{height:100%}
.index01 .bd{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.index01 .bd .txts{ width:590px; height:300px; padding:0 20px; background:url(../images/index01bg.jpg) no-repeat center; background-size:cover; padding-top:30px}
.index01 .bd .txts h3{ font-size:25px; font-weight:normal; margin-bottom:10px;}
.index01 .bd .txts .ms{ text-indent:28px; margin-bottom:20px; height:88px; overflow:hidden}
.index01 .bd .txts ul{ text-align:justify}
.index01 .bd .txts ul:after{ content:"";display:inline-block;width:100%;}
.index01 .bd .txts ul li{ display:inline-block; color:#6a6a6a}
.index01 .bd .txts ul li i{ font-size:30px; color:#d10303; margin-right:5px}

.index02{ background-color:#f3f3f3; padding:30px 0}
.index02 .txt{ float:left; width:31%;}
.index02 .txt .ms{ margin-bottom:30px; height:88px; overflow:hidden}
.index02 .txt ul{text-align:justify; margin-bottom:35px}
.index02 .txt ul:after{ content:"";display:inline-block;width:100%;}
.index02 .txt ul li{ display:inline-block}
.index02 .txt .more a{ display:block; width:145px; height:35px; line-height:35px; background-color:#c60000; color:#fff; text-align:center; cursor:pointer}
.index02 .bd{ float:right; width:69%;}
.index02 .bd .item a{ display:block; margin-left:24px; background:url(../images/index02libg.jpg) center no-repeat; background-size:cover; text-align:center; padding:20px 10px; padding-top:25px; border:1px solid #fff}
.index02 .bd .item img{ height:230px; width:100%}
.index02 .bd .item h3{ font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index02 .bd .item .p{ color:#838282;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:15px; height:22px}
.index02 .bd .item .line{ width:50px; height:2px; background-color:#f42b3b; margin:0 auto; margin-bottom:35px;}

.index02 .bd .slick-arrow{ position:absolute; z-index:2; width:42px; height:20px; bottom:0; overflow:hidden; text-indent:-99px; border:none; cursor:pointer; background-repeat:no-repeat; background-position:center; background-size:100%; background-color:transparent}
.index02 .bd .slick-prev{ left:16%; background-image:url(../images/ico-prev.png)}
.index02 .bd .slick-next{ right:15%;background-image:url(../images/ico-next.png)}
.index02 .bd .slick-dots{ text-align:center; margin-top:40px;}
.index02 .bd .slick-dots li{ display:inline-block; vertical-align:middle; width:6px; height:6px; background-color:#000000; border-radius:50%; margin:0 6px;}
.index02 .bd .slick-dots li.slick-active{ background-color:#c60000}
.index02 .bd .slick-dots  button{ display:none}

.index03{ padding-top:30px; padding-bottom:70px;}
.index03 .bd{ margin-left:-13px; margin-right:-13px;}
.index03 .bd .item a{ display:block; background-color:#f5f5f5; border-radius:10px; overflow:hidden; margin:0 13px;}
.index03 .bd .item .img img{ width:100%; height:273px}
.index03 .bd .item .title{ text-align:center; padding:10px; background-color:#ececec;color:#616161}
.index03 .bd .item .p{ height:44px; overflow:hidden; }
.index03 .bd .item h3{ font-size:15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index03 .bd .item a:hover .title{ background-color:#143361; color:#fff}

.nbanner{ position:relative; overflow:hidden}
.nbanner .img img{ display:block; height:315px; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative; left:50%; transform:translateX(-50%)}
.classify{ position:absolute; z-index:1; left:0; right:0; bottom:0;}
.classify ul{ background:rgba(255,255,255,.8); font-size:0}
.classify ul li{ display:inline-block; border-right:1px solid #fff}
.classify ul li a{ display:block; padding:0 30px; line-height:50px; font-size:16px;}
.classify ul li a:hover,.classify ul li.on a{ background-color:#19376c; color:#fff}

.path{ padding:15px 0; font-size:12px; color:#f20011; background:url(../images/ico-home.png) center left no-repeat; background-size:16px; padding-left:22px;}
.path a{ font-size:12px;}
.path span,.path i{ color:#6c6c6c}
.path i{ margin:0 10px;}

.conn{ overflow:hidden; line-height:1.8}
.mainbox{ padding-bottom:30px}
.aboutbox{ border:1px solid #dddddd; padding:20px 10px; min-height:650px;}
.aboutbox .nums{ margin-top:30px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; padding:45px 0; text-align:center; font-size:0}
.aboutbox .nums li{ display:inline-block; width:33.33%; text-align:center; font-size:14px; border-right:1px solid #ddd}
.aboutbox .nums li:last-child{ border-right:none}
.aboutbox .nums li span{ display:block; line-height:1}
.aboutbox .nums li .num{ font-size:27px; font-weight:bold; color:#e40115; margin-bottom:25px}

.sorts{ text-align:center; margin-bottom:15px}
.sorts li{ display:inline-block; margin:0 27px;}
.sorts li a{ font-size:16px; display:block; line-height:46px; border-bottom:2px solid #fff}
.sorts li a:hover,.sorts li.on a{ color:#c60000; border-bottom:2px solid #c60000}

.productbox{ border:1px solid #dddddd; padding:20px 10px; min-height:870px;}
.productlist li{ float:left; width:25%; margin-bottom:30px;}
.productlist li a{ display:block; margin:0 15px; background:url(../images/index02libg.jpg) center no-repeat; background-size:cover; text-align:center; padding:20px 10px; padding-top:25px; border:1px solid #fff}
.productlist li img{width:100%; height:230px}
.productlist li h3{ font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productlist li .p{ color:#838282;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:15px; height:22px;}
.productlist li .line{ width:50px; height:2px; background-color:#f42b3b; margin:0 auto; margin-bottom:35px;}
 
.productpage{ border:1px solid #dddddd; padding:20px 10px; margin-bottom:15px;}
.productpage .title{ text-align:center; font-size:18px; font-weight:bold; border-bottom:1px solid #d4d4d4; padding-bottom:15px; margin-bottom:20px;}
.productpage .img{ width:50%; text-align:center; float:left}
.productpage .img img{ max-width:80%}
.productpage .txt{ width:100%; float:right; overflow:hidden; line-height:1.8}
.productpage .txt img{ max-width:100%; height:auto !important}
.productpage ul li img {
    display: block;
    width: 100%;
    border: 1px #ddd solid;
    border-radius: 5px;
    padding: 4px;
    margin-bottom: 5px;
    position: relative;
	}	
.relatedp{ border:1px solid #dddddd}
.relatedp .hd{ background:url(../images/hdbg.gif) repeat-x; background-size:auto 100%; line-height:38px; border-bottom:1px solid #ddd; padding:0 10px;}
.relatedp .hd h3{ font-size:16px;}

.relatedp .bd{ padding:30px 15px;}
.relatedp .bd .item { width:25%; float:left}
.relatedp .bd .item a{ display:block; margin:0 15px; background:url(../images/index02libg.jpg) center no-repeat; background-size:cover; text-align:center; padding:20px 10px; padding-top:25px; border:1px solid #fff}
.relatedp .bd .item img{ height:235px; width:100%}
.relatedp .bd .item h3{ font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.relatedp .bd .item .p{ color:#838282;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:15px}
.relatedp .bd .item .line{ width:50px; height:2px; background-color:#f42b3b; margin:0 auto; margin-bottom:35px;}
@media(max-width:1170px) { 
.banner,.banner .item{height:29vw}
}
@media(max-width:1170px) {
.index02 .bd .item img{ height:19.6vw}
.index03 .bd .item .img img{ height:23.3vw}
.nbanner .img img{ height:26vw}
.classify{ position:static; background-color:#eee}
.classify ul{ background:none; padding:10px 0; overflow:hidden; padding-bottom:0}
.classify ul li{ border-right:none; width:33.33%; float:left; margin-bottom:10px;}
.classify ul li a{ background-color:#fff}
.classify ul li a{ font-size:14px; padding:0; line-height:36px; text-align:center; border-radius:5px; margin:0 5px;}
.productlist li img{ height:20vw}
.relatedp .bd .item img{ height:20vw}
}
 
@media(max-width:900px) {
.index01 .video{ width:40%} 
.index01 .bd .txts{ width:60%}
.productlist li a{ margin:0 5px;}
.productbox{ padding:10px 5px;}
.productlist li{ margin-bottom:10px}
.relatedp .bd .item a{ margin:0 5px;}
.relatedp .bd{ padding:10px 5px;}
} 
 
 
@media(max-width:766px) {
.banner .slick-dots{ bottom:0px}	
.banner .slick-dots li{ width:20px; height:2px;}
.plo{ font-size:20px; text-align:center}
.index01 .bd{ display:block}
.index01 .video{ width:auto; height:auto}
 
.index01 .bd .txts{ width:auto; padding:10px; height:auto}
.index01 .bd .txts ul:after{ display:none}
.index01 .bd .txts ul{ text-align:center}
.index01 .bd .txts ul li{ margin:0 5px;}
.index01 .bd .txts ul li i{ font-size:22px}
.index01 .bd .txts h3{ font-size:20px; text-align:center}
.index01 .bd .txts .ms{ margin-bottom:10px;}
.index02 .txt{ float:none; width:auto; margin-bottom:20px}
.index02 .bd{ width:auto; float:none}
.index02 .bd .item a{ margin:0 5px; padding:10px}
.index02 .txt .ms{ margin-bottom:15px}
.index02 .txt ul{ margin-bottom:5px}
.index02 .txt .more a{ margin:0 auto}
.index02 .bd .item img{ height:38.9vw}
.index02 .bd{ margin-left:-5px; margin-right:-5px;}
.index02 .bd .slick-arrow{ width:32px; display:none !important}
.index02 .bd .slick-prev{ left:5px}
.index02 .bd .slick-next{ right:5px}
.index02 .bd .slick-dots{ margin-top:20px}

.index03 .bd .item a{ margin:0 5px; border-radius:5px}
.index03 .bd{ margin-left:-5px; margin-right:-5px}
.index03 .bd .item .img img{ height:46.1vw}

.index03{ padding-top:20px; padding-bottom:40px}

.path{ display:none}
.sorts li { margin:0 5%}
.sorts li a{ font-size:14px; line-height:40px;}
.productlist li{ width:50%}
.productlist li img{ height:37vw}
.productlist li a{ padding:10px}
.productlist li .line{ margin-bottom:10px}
.productlist li h3{ font-size:15px}

.productpage .img{ float:none; width:auto}
.productpage .txt{ float:none; width:auto}

.productlist li{ width:50%}
.productlist li img{ height:37vw}
.productlist li a{ padding:10px}
.productlist li .line{ margin-bottom:10px}
.productlist li h3{ font-size:15px}

.relatedp .bd .item{ width:50%; margin-bottom:10px}
.relatedp .bd .item img{ height:37vw}
.relatedp .bd .item a{ padding:10px}
.relatedp .bd .item .line{ margin-bottom:10px}
.relatedp .bd .item h3{ font-size:15px}
}